<template>
	<view>
		<view class="wrap">
			<view class="info">
				<text class="catalogue">{{ item.lessonth + ' | ' + item.lessonType }}</text>
				<text class="title">{{ item.title }}</text>
			</view>
			<view class="free" v-if="item.isfree">免费</view>
			<view class="free" v-else><i class="iconlessonfont icon-suoding"></i></view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: Object
		}
	}
</script>

<style scoped>
	@import url("../../../static/font_lesson/iconfont.css");
	.wrap{padding:30upx; display:flex;}
	
	.info{display:flex; flex-direction:column;max-width: 85%;}
	.catalogue{color:#999; font-size:26upx;}
	.title{color:#666; font-size:32upx; font-weight: bold; letter-spacing: 2upx;}
	
	.free{flex:1; display:flex; align-items: center; justify-content: flex-end; color:#666; font-size:26upx;}
	.free i{font-size: 42upx;color: #999999;}
</style>
